<template>
  <img :src="logo" alt="" class="logo">
  <HelloWorld msg="自定义Vue基础脚手架" version="version 0.0.1"></HelloWorld>
</template>

<script>
import HelloWorld from "@/components/HelloWorld";
import logo from "./assets/logo.svg"
export default {
  name: "App",
  components: {
    HelloWorld
  },
  data() {
    return {
      logo: logo
    }
  },
  mounted() {

  }
}
</script>

<style lang="scss">
#app {
  text-align: center;
  margin-top: 60px;

  .logo {
    width: 200px;
    animation: flashLogo 1.5s infinite;
  }
}

@keyframes flashLogo {
  0%,100%{
    transform: scale(0.8);
  }
  50%{
    transform: scale(1.2);
  }
}
</style>